<template>
	<view>
		<!-- 租车必读 -->
		<u-popup :show="showMustRead" @close="close" closeable="" round="16">
			<view class="readBox">
				<view class="title">租车必读</view>
				<scroll-view scroll-y="true" @touchmove.stop.prevent="" style="margin-top: 65rpx; height: 500rpx;">
					<!-- 提前退改规则 -->
					<view>
						<view class="subtitle">提前退车规则</view>
						<view class="content">
							1.提前退车联系门店，如需提前还车，请在还车前2小时联系门店，在门店营业时间范围内办理还车手续，如未提前联系，可能导致无法及时还车如在夜间时间段办理还车手续，请在下单前后咨询门店，夜间情况特殊可能无人办理
							<br/>
							2.节假日提前还车不退还剩余租金
							<br/>
							普通日提前还车，用车当日按整天计费，剩余日期租金的{{orderInfo.advanceCartRules}}% 要作为退车违约金
		
						</view>
					</view>
					<!-- 车损赔付规则 -->
					<view>
						<view class="subtitle">车损赔付规则</view>
						<view class="content">
							维修费公示:车辆小刮蹭(维修费≤5000元)
							<br/>
							<text style="display: block;" v-for="(item, index) in orderInfo.compensationRules"
								:key="index">
								{{item.ruleDict|ruleDict}} {{item.ruleValue}}元/漆面
							</text>
		
							<br/>
							维修项目/标准面系数
							<br/>
							*0.5个标准面:后视镜(左)、后视镜(右)
							<br/>
							*1.0个标准面:保险杠(前)、保险杠(后)、叶子板左)、叶子板(右)、车门(前)、车门(后)、裙边(左)、裙边(右)、A柱(左)、A柱(右)、C柱(左)、C柱(右)、车轮钢圈(个)
							<br/>
							*1.5个标准面:前机盖、后盖、车顶
							<br/>
							车辆非小刮蹭(维修费>5000元)依据4S店定损后维修金额为准
							<br/>
							x 以下情况无法提供保障服务:
							<br/>
							x 发生事故未立即通知租赁公司或电报保险
							<br/>
							x 无事故证明材料或无保险报案理赔材料
							<br/>
							x 无证驾驶、酒驾、毒驾、危险驾驶等其它保险公司不予理赔的部分
						</view>
					</view>
					<!-- 取车必备证件 -->
					<view>
						<view class="subtitle">取车必备证件</view>
						<view class="content">
							身份证
							<br/>
							用车人本人有效的二代身份证，用车人年龄在18-70周岁(首次用车需携带身份证原件，二次或多次用车支持电子身份证)
							<br />
							驾驶证
							<br/>
							距初次领取证件日期大于180天且在有效期内的中华人民共和国机动车驾驶证(首次用车需携带驾驶证原件，部分地区支持使用电子驾照，具体以地方交管部门政策为准。二次或多次用车支持电子驾照)。
		
						</view>
					</view>
		
					<!-- 其他 -->
					<view>
						<view class="subtitle">其他</view>
						<view class="content">
							如需发票可在订单完成后在我的-申请开票/向门店索取
							<br/>
							如需续租请联系门店
							<br/>
							更多门店事项请查看 <text style="color: #1989FA;" @click.stop="goAgreent(7)">《预定须知》</text>
						</view>
					</view>
		
				</scroll-view>
			</view>
		
		</u-popup>
	</view>
</template>

<script>
	export default {
		name: '',
		data() {
			return {
				
			}
		},
		props: {
			orderInfo : {
				type : Object,
				default() {
					return {}
				}
			},
			showMustRead:{
				type: Boolean,
				default : false,
			}
		},
		mounted() {

		},
		methods: {
          close() {
			  this.$emit("close");
		  },
		  goAgreent(type) {
		  	uni.navigateTo({
		  		url: '/pages/guide/guide?type=' + type
		  	})
		  }
		}
		
	}
</script>

<style lang="scss" scoped>
	.readBox {
		padding: 30rpx;
		position: relative;
	
		.title {
			position: absolute;
			top: 0;
			left: 0;
			right: 0;
			height: 100rpx;
			line-height: 100rpx;
			text-align: center;
			color: #333;
			font-size: 36rpx;
			font-weight: bold;
		}
	
		.subtitle {
			color: #333;
			font-size: 30rpx;
			font-weight: bold;
			margin: 16rpx 0;
	
			&::before {
				content: '';
				display: inline-block;
				width: 8rpx;
				height: 24rpx;
				margin-right: 10rpx;
				background: #176cfb;
	
			}
		}
	
		.content {
			color: #333;
			font-size: 24rpx;
			margin: 0 16rpx;
		}
	}
</style>